<template>
	<view>
		<!--<base-banner :banners="myBanners" small/>-->
		<base-menu :menus="smallMenus" small textAlignCenter title="面授课程" :row-height="88"/>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex';
import baseBanner from '@/components/base-banner/base-banner.vue'
import baseMenu from '@/components/base-menu/base-menu.vue';
export default {
	components:{
		baseMenu,
		baseBanner
	},
	data() {
		return {
			smallMenus: [],
		};
	},
	onLoad(e) {
		this.$api.model.getModelList().then(res => {
			for(let i=0; i<res.data.length; i++) {
				let data = res.data[i]
				let url = require('@/static/icon/menu/mianshou/1.png')
				if(data.url) {
					url =  data.url
				}
				this.smallMenus.push({judgeIsLogin: true,
									label: data.modelName, 
									id: data.modelId,
									icon: url,
									price: data.price,
									path: ''})
			}
		})
	},
	onUnload() {
		// 移除监听事件  
		// uni.$off('login');  
	},
	onShow() {
		
	},
	computed:{
		...mapState(['myBanners','oftenFeatures','otherFeatures'])
	},
	//方法
	methods: {
		
	},
	//页面下来刷新
	onPullDownRefresh() {},
	//页面上拉触底
	onReachBottom() {},
	//用户点击分享
	onShareAppMessage(e) {
		return this.wxShare();
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';

</style>
